
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>蓝金融在线</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome = 1">
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="-1" />

<link rel="stylesheet" href="newcss/base/reset.min.css">
<link rel="stylesheet" href="newcss/layout/grid.css">
<link rel="stylesheet" href="newcss/helper/utils.css">
<link rel="stylesheet" href="newcss/layout/header.css">
<link rel="stylesheet" href="newcss/layout/footer.css">

<link rel="stylesheet" type="text/css" href="newcss/page/reset.css" />
<link rel="stylesheet" type="text/css" href="newcss/page/index.css" />
</head>
<body>

    <!-- begin · header -->
      <header class="unselectable bo-header">

        <!-- begin · top bar -->
        <div class="clearfix bo-topbar">
          <div class="row">
            <a class="left hover-link btn-call" href="tel:400-8009-088">400&nbsp;-&nbsp;8009&nbsp;-&nbsp;088</a>
            <a class="left hover-link btn-send-mail" href="mailto:blue-online@superwhale.cn">blue-online@superwhale.cn</a>
            <a class="right hover-link btn-register" href="#">注册</a>
            <a class="right hover-link btn-login" href="#">登录</a>
          </div>
        </div>
        <!-- end · top bar -->

        <!-- begin · sub header -->
        <div class="row clearfix minHeight-50 bo-sub-header">

          <a class="left bo-logo"></a>

          <!-- begin · right area of sub header -->
          <div class="clearfix right bo-right-sub-header">

            <!-- begin · search -->
            <div class="right bo-search">
              <input class="border-box bo-ipt-search" type="text">
              <i></i>
            </div>
            <!-- end · header -->

            <!-- begin · nav -->
            <nav class="right bo-nav">
              <ul class="clearfix">
                <li class="left">
                  <a class="clean-link" href="index.html">首页</a>
                </li>
                <li class="left">
                  <a class="clean-link" href="all.products-investment.html">我要投资</a>
                </li>
                <li class="left">
                  <a class="clean-link" href="#">变现专区</a>
                </li>
                <li class="left">
                  <a class="clean-link" href="#">安全保障</a>
                </li>
                <li class="left">
                  <a class="clean-link" href="#">帮助中心</a>
                </li>
                <li class="left">
                  <a class="clean-link no-arrow" href="#">蓝色生活</a>
                </li>
              </ul>
            </nav>
            <!-- end · header -->

          </div>
          <!-- end · right area of sub header -->

        </div>
        <!-- end · sub header -->

      </header>
    <!-- end · header -->


<div class="banner-wrapper"  id="banner-wrap">
	<div class="banner-wrap">
		<ul class="slideList">
			<li>
				<a lazyimg = "newimages/banner-temp-1.jpg" imgsrc = "newimages/banner-temp.jpg" target="_blank" href="" class="img"></a>
			</li>
			<li>
				<a lazyimg = "newimages/banner-temp-2.jpg" imgsrc = "newimages/banner-temp-2.jpg" target="_blank" href="" class="img"></a>
			</li>
		</ul>
	</div>

</div>
<div class="wrapper">
	<div class="title-box">
		<div class="hr"></div>
		<h2>我们的电影</h2>
		<div class="intro">这里有你独一无二的喜爱，独一无二的产品体验</div>
	</div>
	<div class="movie-list">		
		<div class="movie-box clearfix">
			<div class="movie-content">
				<img src="newimages/movie-temp-1.jpg" class="img" />
				<div class="content">
					<div class="cash-info clearfix">
						<dl>
							<dt>蓝乐宝 — 双截棍<span class="tip-box"><icon class="icon-tip white"></icon>变现</span></dt>
							<dd>
								<p><span>起投金额：1,000.00元</span>     期限：105天</p>
								<p><span>到期日：2016/01/25</span> 还款方式：一次性还本付息</p>
								<p>融资类型：<span class="cash-type">企业担保标<i class="icon"></i></span></p>
							</dd>
						</dl>						
						<div class="cash-detail clearfix">
							<div class="title"><i class="icon"></i>预期年化</div>
							<div class="radio">12.6<span>%</span></div>
							<div class="star count-2"></div>
						</div>
					</div>
					<div class="movie-info">
						<dl>
							<dt>《硬汉》</dt>
							<dd>
								<p>强大演员阵容：孙红雷、刘烨、黄秋生...</p>
								<p>最抢手迎编剧：谁三三
</p>
								<p>奥斯卡最佳导演奖：凯德 瑞特</p>
							</dd>
						</dl>
						<div class="movie-cash-remain">
							<ul class="clearfix">
								<li>超高收益</li>
								<li class="even">安全保障</li>
								<li>资金托管</li>
								<li class="even">期限灵活</li>
							</ul>
							<div class="btn cursor" onclick="toDetail()">开始赚钱</div>
						</div>
					</div>
				</div>
			</div>
			<div class="movie-detail">
				<div class="movie-detail-top">
					<div class="detail-title">蓝乐宝 — 双截棍<span class="tip-box red"><icon class="icon-tip"></icon>变现</span></div>
					<div class="radio-name">预期年化</div>
					<div class="radio">10.8<span>%</span></div>
				</div>
				<div class="movie-detail-bottom">
					<div class="info">
						<p>起投金额：1,000.00元</p>
						<p>期限：105天到期日：2016/01/25</p>
					</div>
					<span class="btn cursor" onclick="toDetail()">开始赚钱</span>
				</div>
			</div>
		</div>		
		<div class="movie-box even clearfix">
			<div class="movie-content">
				<img src="newimages/movie-temp-1.jpg" class="img" />
				<div class="content">
					<div class="cash-info clearfix">
						<dl>
							<dt>蓝乐宝 — 双截棍<span class="tip-box"><icon class="icon-tip white"></icon>变现</span></dt>
							<dd>
								<p><span>起投金额：1,000.00元</span>     期限：105天</p>
								<p><span>到期日：2016/01/25</span> 还款方式：一次性还本付息</p>
								<p>融资类型：<span class="cash-type">企业担保标<i class="icon"></i></span></p>
							</dd>
						</dl>						
						<div class="cash-detail clearfix">
							<div class="title"><i class="icon"></i>预期年化</div>
							<div class="radio">12.6<span>%</span></div>
							<div class="star count-2"></div>
						</div>
					</div>
					<div class="movie-info">
						<dl>
							<dt>《硬汉》</dt>
							<dd>
								<p>强大演员阵容：孙红雷、刘烨、黄秋生...</p>
								<p>最抢手迎编剧：谁三三
</p>
								<p>奥斯卡最佳导演奖：凯德 瑞特</p>
							</dd>
						</dl>
						<div class="movie-cash-remain">
							<ul class="clearfix">
								<li>超高收益</li>
								<li class="even">安全保障</li>
								<li>资金托管</li>
								<li class="even">期限灵活</li>
							</ul>
							<div class="btn cursor" onclick="toDetail()">开始赚钱</div>
						</div>
					</div>
				</div>
			</div>
			<div class="movie-detail">
				<div class="movie-detail-top">
					<div class="detail-title">蓝乐宝 — 双截棍<span class="tip-box red"><icon class="icon-tip"></icon>变现</span></div>
					<div class="radio-name">预期年化</div>
					<div class="radio">10.8<span>%</span></div>
				</div>
				<div class="movie-detail-bottom">
					<div class="info">
						<p>起投金额：1,000.00元</p>
						<p>期限：105天到期日：2016/01/25</p>
					</div>
					<span class="btn cursor" onclick="toDetail()">开始赚钱</span>
				</div>
			</div>
		</div>
	</div>
	<div class="title-box">
		<div class="hr"></div>
		<h2>更多理财产品</h2>
		<div class="intro">这里有你独一无二的喜爱，独一无二的产品体验</div>
	</div>
	<div class="project-list">
		<ul class="header">
			<li class="column-1">项目</li>
			<li class="column-2">项目名称</li>
			<li class="column-3">年利率</li>
			<li class="column-4">金额</li>
			<li class="column-5">期限</li>
			<li class="column-6">到期日</li>
			<li class="column-7">投标状态</li>
		</ul>
		<ul class="row"  style="cursor: hand;" >
			<li class="column-1"><img src="newimages/project-temp-1.jpg" /></li>
			<li class="column-2">
				<div class="project-intro">
					<i class="icon green">信</i>
					<dl onclick="toDetail()">
						<dt>变现秘诀<span>变现<i class="icon-tip"></i></span></dt>
						<dd>新用户第二笔投资特享，封闭期仅10天，变现套利收益高。</dd>
					</dl>
				</div>
			</li>
			<li class="column-3">12.6%</li>
			<li class="column-4">10,000.00</li>
			<li class="column-5">180天</li>
			<li class="column-6">2017年09月20日</li>
			<li class="column-7"><span class="btn">开始赚钱</span></li>
		</ul>
		<ul class="row even"  style="cursor: hand;">
			<li class="column-1"><img src="newimages/project-temp-1.jpg" /></li>
			<li class="column-2">
				<div class="project-intro">
					<i class="icon yellow">保</i>
					<dl onclick="toDetail()">
						<dt>变现日月</dt>
						<dd>新用户第二笔投资特享，变现套利收益高。</dd>
					</dl>
				</div>
			</li>
			<li class="column-3">12.6%</li>
			<li class="column-4">10,000.00</li>
			<li class="column-5">180天</li>
			<li class="column-6">2017年09月20日</li>
			<li class="column-7"><span class="btn">开始赚钱</span></li>
		</ul>
		<ul class="row"  style="cursor: hand;" >
			<li class="column-1"><img src="newimages/project-temp-1.jpg" /></li>
			<li class="column-2" >
				<div class="project-intro">
					<i class="icon green">信</i>
					<dlonclick="toDetail()">
						<dt>变现秘诀<span>变现<i class="icon-tip"></i></span></dt>
						<dd>新用户第二笔投资特享，封闭期仅10天，变现套利收益高。</dd>
					</dl>
				</div>
			</li>
			<li class="column-3">12.6%</li>
			<li class="column-4">10,000.00</li>
			<li class="column-5">180天</li>
			<li class="column-6">2017年09月20日</li>
			<li class="column-7"><span class="btn">开始赚钱</span></li>
		</ul>
		<ul class="row even">
			<li class="column-1"><img src="newimages/project-temp-1.jpg" /></li>
			<li class="column-2">
				<div class="project-intro">
					<i class="icon yellow">保</i>
					<dl style="cursor: hand;" onclick="toDetail()">
						<dt>变现日月</dt>
						<dd>新用户第二笔投资特享，变现套利收益高。</dd>
					</dl>
				</div>
			</li>
			<li class="column-3">12.6%</li>
			<li class="column-4">10,000.00</li>
			<li class="column-5">180天</li>
			<li class="column-6">2017年09月20日</li>
			<li class="column-7"><span class="btn">开始赚钱</span></li>
		</ul>
	</div>
	<div class="title-box">
		<div class="hr"></div>
		<h2>商城产品</h2>
		<div class="intro">这里有你独一无二的喜爱，独一无二的产品体验</div>
	</div>
	<div class="mall-product">
		<ul class="cur clearfix">
			<li>
				<dl>
					<dd><img src="newimages/product-temp-1.jpg" alt="方块手机 创新内嵌蓝牙耳机"></dd>
					<dt>方块手机 创新内嵌蓝牙耳机</dt>
				</dl>
			</li>
			<li class="even">
				<dl>
					<dd><img src="newimages/product-temp-2.jpg" alt="方块手机 创新内嵌蓝牙耳机"></dd>
					<dt>方块手机 创新内嵌蓝牙耳机</dt>
				</dl>
			</li>
			<li>
				<dl>
					<dd><img src="newimages/product-temp-1.jpg" alt="方块手机 创新内嵌蓝牙耳机"></dd>
					<dt>方块手机 创新内嵌蓝牙耳机</dt>
				</dl>
			</li>
			<li class="even">
				<dl>
					<dd><img src="newimages/product-temp-2.jpg" alt="方块手机 创新内嵌蓝牙耳机"></dd>
					<dt>方块手机 创新内嵌蓝牙耳机</dt>
				</dl>
			</li>
		</ul>
		<ul class="clearfix">
			<li>
				<dl>
					<dd><img src="newimages/product-temp-1.jpg" alt="方块手机 创新内嵌蓝牙耳机"></dd>
					<dt>222方块手机 创新内嵌蓝牙耳机</dt>
				</dl>
			</li>
			<li class="even">
				<dl>
					<dd><img src="newimages/product-temp-2.jpg" alt="方块手机 创新内嵌蓝牙耳机"></dd>
					<dt>方块手机 创新内嵌蓝牙耳机</dt>
				</dl>
			</li>
			<li>
				<dl>
					<dd><img src="newimages/product-temp-1.jpg" alt="方块手机 创新内嵌蓝牙耳机"></dd>
					<dt>方块手机 创新内嵌蓝牙耳机</dt>
				</dl>
			</li>
			<li class="even">
				<dl>
					<dd><img src="newimages/product-temp-2.jpg" alt="方块手机 创新内嵌蓝牙耳机"></dd>
					<dt>方块手机 创新内嵌蓝牙耳机</dt>
				</dl>
			</li>
		</ul>
		<div class="page-box clearfix">
			<div class="page-pre cursor">&lt;</div>
			<div class="page-next cursor">&gt;</div>
		</div>
	</div>
</div>
<div class="news-report">
	<div class="wrapper clearfix">		
		<div class="news">
			<div class="title"><img src="newimages/title-news.png" /></div>
			<div class="img-box clearfix">
				<img src="newimages/news-temp-1.jpg" />
				<div class="news-content">
					<dl>
						<dt>乐升世纪1UP，国产游戏机</dt>
						<dd>中国游戏市场被认为过去没有过主机时代，但随着智能电...</dd>
					</dl>
					<p>东金融社区联合神光投顾开展送手环领...<br />为回馈广大用户，京东金融社区联合神光投顾开环领...</p>
				</div>
			</div>
			<div class="img-box clearfix">
				<img src="newimages/news-temp-2.jpg" />
				<div class="news-content">
					<dl>
						<dt>乐升世纪1UP，国产游戏机</dt>
						<dd>中国游戏市场被认为过去没有过主机时代，但随着智能电...</dd>
					</dl>
					<p>东金融社区联合神光投顾开展送手环领...<br />为回馈广大用户，京东金融社区联合神光投顾开环领...</p>
				</div>
			</div>
		</div>
		<div class="report">
			<div class="title"><img src="newimages/title-report.png" /></div>
			<div class="report-content">
				<dl>
					<dt><a href="">《巴啦啦小魔仙—魔箭小公主》精美官网梦幻上线</a></dt>
					<dd>巴啦啦的粉丝们可真是度过了一个充实而愉快的国庆，他们期盼已久的精品手游《巴啦啦小魔仙—魔箭小公主》于9月30日正式登陆iOS平台，小巴啦啦们可以登陆官网查看最新游戏信息以及各种活动福利啦~</dd>
				</dl>
				<dl>
					<dt><a href="">《巴啦啦小魔仙—魔箭小公主》精美官网梦幻上线</a></dt>
					<dd>巴啦啦的粉丝们可真是度过了一个充实而愉快的国庆，他们期盼已久的精品手游《巴啦啦小魔仙—魔箭小公主》于9月30日正式登陆iOS平台，小巴啦啦们可以登陆官网查看最新游戏信息以及各种活动福利啦~</dd>
				</dl>
			</div>
		</div>
	</div>
</div>

    <!-- begin · footer -->
      <footer class="unselectable bo-footer">
        <div class="row relative">

          <ul class="absolute clearfix bo-ul-1">
            <li class="left no-padding-left">
              <a class="hover-link" href="#">关于蓝金融在线</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">关于蓝金融众筹</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">关于蓝金融钱包</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">联系我们</a>
            </li>
            <li class="hover-link left no-padding-right no-border">
              <a class="hover-link" href="#">免责声明</a>
            </li>
          </ul>

          <ul class="absolute clearfix bo-ul-2">
            <li class="left no-padding-left bo-li-contact-us relative">
              联系我们
              <span class="absolute">(9:00 - 22:00)</span>
            </li>
            <li class="left">
              <a class="hover-link bo-online-customer-service" href="#">在线客服</a>
            </li>
            <li class="left no-padding-right no-border">
              <a class="hover-link bo-mail-customer-service" href="mailto:blue-online@superwhale.cn">客服邮箱</a>
            </li>
          </ul>

          <ul class="absolute clearfix bo-ul-3">
            <li class="left no-padding-left">Copyright © 2004-2015 蓝金融在线.com 版权所有</li>
            <li class="left no-padding-right no-border">投资有风险，购买需谨慎</li>
          </ul>

          <ul class="absolute clearfix bo-ul-4">
            <li class="no-padding-left left no-border">
              <a class="hover-link relative" href="tel:400 098 8511">
                400 098 8511
                <span class="absolute">（个人业务）</span>
              </a>
            </li>
            <li class="hover-link left no-border  no-padding-right">
              <a class="hover-link relative" href="tel:400 098 8511">
                400 098 8511
                <span class="absolute">（个人业务）</span>
              </a>
            </li>
          </ul>

        </div>
      </footer>
    <!-- end · footer -->
<script src="newjs/jquery.js"></script>
<script src="newjs/fullscreen.js"></script>
<script src="newjs/ECar.tab.js"></script>
<script>
//全屏轮播
ECar.fullSlide({'ele':'banner-wrap','showmarkers':true,'showcontrols':true,'autoplay':true,'animspeed':'7000'});
var options= {
    navNode: '',
    curNavCls:'',
    pannelNode: '.mall-product ul',
    curPannelCls:'cur',
    preNode: '.page-pre',
    nextNode: '.page-next',
    duration: 0,
    event: 'click',
    navMaskNode: '',
    navMaskCssObject:null,
    curMaskNavCssObject:null
};
ECar.tab(options);

function toDetail() {
	window.location.href = "detail.html";
}

function toHomePage() {
	window.location.href = "index.html";
}
</script>
</body>
</html>
